<template>
	<view>
		<!--顶部区域-->
		<view class="smart-page-head">
			<view class="smart-page-head-title">swiper 滑块视图</view>
			</view>
			<view class="smart-padding-wrap">
				<swiper circular :indicator-dots="indicatorDots":autoplay="autoplay"
				:interval="interval" :duration="duration">
				<swiper-item><view class="swiper-item smart-bg-blue">A
				</view></swiper-item>
				<swiper-item><view class="swiper-item smart-bg-green">B
				</view></swiper-item>
				<swiper-item><view class="swiper-item smart-bg-red">C
				</view></swiper-item>
				</swiper>
				</view>
				
	</view>
</template>

<script>
	export default {
		data() {
			return {
				indicatorDots: true,
				autoplay: true,
				interval: 5000,
				duration: 500
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
